/* RESPONSIVE LAYOUT
----------------------------------------------- */
@media only screen and (max-width:1024px) {
  .box_skitter .box_clone img {
    width:472px;
    height:250px;
  }
  #ajax-search-form {
    padding-left:0;
  }
  .box_skitter_home.maxxiz-theme .next_button {
    right:23.5%;
  }
  .box_skitter_home.maxxiz-theme .prev_button {
    left:23.5%;
  }
  #header,
  #header-inner {max-width:980px;}
}

@media only screen and (max-width:979px) {
  #outer-wrapper {
    width:768px;
  }
  #sidebar-wrapper .left,
  #sidebar-wrapper .right {
    float:none;
    width:100%;
  }
  #sidebar-wrapper .left .innerwrap {
    padding-right:0;
  }
  #main-wrapper {
    width:60%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  .box_skitter .box_clone img {
    width:427px;
  }
  .simply-scroll {
    width:647px;
  }
  #nav {
    position:relative;
  }
  #mobilenav {
    display:block;
    position:absolute;
    height:29px;
    line-height:29px;
    padding:0 10px 0 30px;
    color:$(main.cor4.color);
    font-weight:bold;
    top:3px;
    left:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-color:$(main.cor1.color);
    text-decoration:none;
    outline:0;
  }
  #menunav {
    position:absolute;
    top:36px;
    left:10px;
    right:10px;
    z-index:999;
    max-width:100%;
    background-color:$(nav2.sub.color);
    display:none;
  }
  .sf-menu > li {
    float:none;
  }
  .sf-menu a.home,
  .sf-menu > li > a.home.current {
    width:auto;
    text-indent:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
  }
  .sf-menu ul {
    position:static;
  }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul,
  .sf-menu a.home:before {
    display:none;
  }
  .sf-menu a,
  .sf-menu a.home,
  .sf-menu > li > a.home.current {
    height:28px;
    line-height:28px;
    padding:0 10px;
  }
  #header {max-width:100%;
  }
  .view h2 {
    font-size: 15px;
    padding: 5px;
  }
  .view p {
    font-size: 10px;
    padding: 2px 5px 5px;
  }
  .view a.info {
    padding: 5px 10px;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper {
    width:480px;
  }
  #main-wrapper,
  #sidebar-wrapper {
    width:100%;
    float:none;
  }
  #main-wrapper .innerwrap {
    padding-right:0;
  }
  .simply-scroll {
    width:360px;
  }
  .box_skitter .box_clone img {
    width:448px;
  }
  #layanan-wrapper .grid, #footer-wrapper .grid {
    width:50%;
  }
  #header {
    float:none;
    max-width:100%;
	text-align: center;
  }
  #header img {
    margin-$startSide:auto;
  }
}

@media only screen and (max-width:479px) {
  #outer-wrapper {
    width:320px;
  }
  .simply-scroll {
    width:200px;
  }
  .ticknews {
    display:none;
  }
  .simply-scroll {
    width:98%;
    margin:0 auto;
    float:none;
  }
  .box_skitter .box_clone img {
    width:288px;
  }
  .box_skitter_home.maxxiz-theme .label_skitter p,
  .box_skitter_home.maxxiz-theme .prev_button,
  .box_skitter_home.maxxiz-theme .next_button {
    display:none;
  }
  #layanan-wrapper .grid, #footer-wrapper .grid {
    width:100%;
    float:none;
  }
  .rcbytag.h li,
  .rcbytag.h li.a0,
  #mainmidtengah .half,
  #mainmidtengah2 .half {
    float:none;
    width:100%;
  }
  #mainmidtengah .half .widget,
  #mainmidtengah2 .half .widget,
  #mainmidtengah .half:first-child .widget,
  #mainmidtengah2 .half:first-child .widget {
    padding:0;
  }
  a.thumbimgx {
    width:110px;
    height:110px;
    padding:4px;
    margin:0 6px 6px 0;
  }
  .rcbytag.h .inner,
  .rcbytag.h .a0 .inner {
    padding:0;
  }
  .grid > .post {
    padding:0 2px;
  }
  .grid .post-summary strong {
    font-size:110%;
  }
  .box_skitter_home.maxxiz-theme .next_button {
    right:9.5%;
  }
  .box_skitter_home.maxxiz-theme .prev_button {
    left:9.5%;
  }
  .separator a {
    float:none !important;
    margin:0 auto 15px !important;
  }
  table.tr-caption-container {
    float:none !important;
    margin:0 auto 10px !important;
    padding:0;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    margin:5px 0 15px;
    text-align:center;
  }
  .post-body .right img,
  .post-body .left img {
    margin:0;
  }
  .post-body iframe {
    max-height:300px;
  }
  .view h2 {
    font-size: 17px;
    padding: 5px;
  }
  .view p {
    font-size: 12px;
    padding: 5px 10px 10px;
  }
  .view a.info {
    padding: 7px 14px;
  }
}

@media only screen and (max-width:319px) {
  #outer-wrapper {
    width:100%;
  }
  .post-outer.grid {
    width:100%;
    float:none;
  }
  .grid > .post {
    padding:0;
  }
  .grid a.thumbimgx {
    height:160px;
  }
  .grid .post .datex {
    left:15px;
  }
  .grid .post-summary strong {
    font-size:130%;
  }
}